.banner {
  padding: 10px 20px;
  border-bottom: 10px solid #f5f5f5;
}

.banner>img {
  width: 100%;
}

.category {
  border-bottom: 10px solid #f5f5f5;
}

.category>.title {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 10px 0;
  border-bottom: 1px solid #f5f5f5;
}

.category>.title>img {
  width: 50%;
}

.category>.list {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.category>.list>.item {
  width: 33.33%;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 10px 6px;
}

.category>.list>.item>img {
  width: 50%;
  margin-bottom: 5px;
}

.category>.list>.item>span {
  font-size: 12px;
}

.inform>.title {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 22px;
  color: red;
  padding: 10px 0;
}